li{
	list-style-type:none;
}
/*轮播图样式*/
.banner { 
	width:1200px; 
	height:500px; 
	margin:10px auto; 
	border:1px solid #808080; 
	position:relative; 
	overflow:hidden;
}
.banner .img{
	width:5000px;
	position:absolute; 
	left:0px;
	top:0px;
}
.banner .img img{
	width:1200px; 
	height:500px;
}
.banner .img li{
	float:left;
}
.banner .num { 
	position:absolute; 
	width:100%; 
	bottom:10px; 
	left:0px; 
	text-align:center; 
	font-size:0px;
}
.banner .num li { 
	width:10px; 
	height:10px; 
	background-color:#888; 
	border-radius:50%;
	display:inline-block; 
	margin:0px 3px; 
	cursor:pointer;
}

.banner .btn {
	width: 50px;
	height: 100px;
	background-color: #808080;
	opacity: 0.5; 
	filter:alpha(opacity:0.5); 
	position:absolute;
	top:50%; 
	margin-top:-50px;
	cursor:pointer;
	text-align:center;
	line-height:100px;
	font-size:40px;
	color:#fff;
	display:none;
}
.banner .btn_l {
	left:0px;
}
.banner .btn_r {
	right:0px;
}
.banner:hover .btn {
	display:block;
}

/*主要内容展示*/
.container{
	clear:both;
	width:1200px;
	margin:0 auto;
	color:#000;
}
/*切换标签*/
.container .tab-head{
	margin-top:0px;
}

.container .tab-head ul{
	height:50px;
	width:1200px;
	border-bottom: 1px solid #ccc;
}
.container .tab-head ul li{
	float:left;
	height:50px;
	width:200px;
	line-height:50px;
	text-align: center;
	cursor:pointer; 
	border:1px solid #ccc;		
	background:#fff;
}
.container .tab-head ul li.selected{
     border-bottom:none;
}
/*切换内容*/
.container .tab-content{
	float:left;
	width:1200px;
	margin-top:20px;
	margin-bottom:20px;
}
.container .tab-content div{
	display: none;
	width:1200px;
	height:300px;
}
.container .tab-content div.showHot{
	display: block;
	width:1200px;
	height:800px;
}







.container .tab-content .showHot{
	height: 100%;
}
.container .tab-content .showHot figure{
    display: block;
    float:left;
    width:200px;
	height:302px;
    margin:10px 25px 10px 10px;
    border:2px solid #999;
    font-family: 'Microsoft JhengHei';
}
.container .tab-content .showHot figure figcaption{
    display: block;
    margin:0 10px 0 10px;
    width:180px;
}
.container .tab-content .showHot figure .title{
    font-size:20px;
    display: inline-block;
    width:180px;
    margin:5px 10px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}
.container .tab-content .showHot figure .author{
    font-size:15px;
    display: inline-block;
    width:100px;
    margin:0px 10px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}
.container .tab-content .showHot figure .showImg{
    width:180px;
    height:200px;
    margin:5px 10px 5px 10px;
}
.container .tab-content .showHot figure .info{
	width:180px;
	height:15px;
    font-size:10px;
    display: inline-block;
    margin-bottom: 5px;
}
.container .tab-content .showHot figure .info p{
	float: left;
	display: inline-block;
	height:15px;
	width:55px;
}

.container .tab-content .showHot figure .info p a.icon{
	display: inline-block; 
    width:20px; 
    height:15px;  
    white-space:nowrap; 	
    letter-spacing: -1em; 
    text-indent: -99em; 
    color: transparent;
}
.icon:before { 
    content: '\3000'; 
}	
.container .tab-content .showHot figure .info .star{
	display: inline-block;
	height:15px;
	width:40px;
}
.container .tab-content .showHot figure .info p a.siIcon{
	background: url('../img/ic_remove_red_eye_black_18dp.png') no-repeat center;
}

.container .tab-content figure .info p a.liIcon{
	background: url('../img/like.png') no-repeat center;
}

.container .tab-content figure .info p a.stIcon{
	background: url('../img/star.png') no-repeat center;
}
.container .tab-content figure .info .star{
	float: right;
}